/* pages/component/member/account_details/item/item.wxss */
@import 'rebate-item';
@import 'record-item';
.h5_account {
  .account_item {
    padding: 0 rem(30);
    background: #fff;
  }

  .account_item .account_item_box {
    padding: rem(30) 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    .prd_name {
      height: rem(74); line-height: rem(74/2);
      width: rem(503);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: rem(26); color: #666666;
    }
  }

  .account_item .account_item_box .item_name {
    font-size: rem(30);
    color: #17273a;
    font-weight: 500;
    margin-bottom: rem(10);
    width: rem(503);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .account_item .account_item_box .item_no {
    font-size: rem(24);
    color: #999;
    font-weight: 500;
    line-height: rem(33);
    display: block;
  }

  .account_item .account_item_box .item_no .amount_type {
    color: #4a90e2;
    margin-left: rem(20);
  }

  .account_item .account_item_box .item_amount {
    position: absolute;
    right: rem(30);
    bottom: rem(60);
    height: rem(90);
    color: #e91f3f;
    text-align: right;
  }

  .item_amount .money {
    text-align: right;
    font-size: rem(36);
  }

  .item_amount .money_status {
    font-size: rem(28);
    color: #17273a;
  }
  .item_amount .money_status.no {
    color: #DDB074;
  }
  .account_item .account_item_box .item_amount.income {
    color: #e91f3f;
  }

  .account_item .account_item_box .item_amount.expend {
    color: #3cd768;
  }


  .account_item_train {
    height: rem(160);
    background: #fff;
    padding:0 rem(30);
  }
  .train_box {
    border-bottom: 1px solid #E5E5E5;
    position: relative; height:rem(80);
    padding: rem(40) 0 rem(40) rem(110);
  }
  .train_box .user_image {
    width:rem(80); height:rem(80); border-radius: rem(50);
    position: absolute;
    top: rem(40); left: 0;
  }
  .train_box .train_info .item_title {
    font-size: rem(24); color: #17273A;
    width: rem(400);
    height: rem(42); line-height: rem(42);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .train_box .train_info .item_title .title_name {
    font-size: rem(30);
    max-width: rem(175); display: inline-block;
    overflow: hidden;
    vertical-align: -22%;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .train_box .train_info .train_time {
    font-size:rem(26);
    font-weight:500;
    color:rgba(153,153,153,1);
    line-height:rem(31);
    margin-top: rem(8);
  }
  .train_box .item_amount {
    position: absolute;
    right: rem(30); display: inline-block;
  }

  .train_box .item_amount {
    position: absolute;
    right: rem(30);
    bottom: rem(30);
    height: rem(90);
    color: #e91f3f;
    text-align: right;
  }

  .train_box .item_amount .money {
    text-align: right;
    font-size: rem(36);
  }

  .train_box .item_amount .money_status {
    font-size: rem(28);
    color: #17273a;
  }

}
